<template>
	<view class="container">
		<view class="header">
			<view class="line110"><i-icon icon="iconbao_1" class="middle" type="single" size="60rpx" color="#333"></i-icon></view>
			<view class="text1">消费者保障服务</view>
			<view class="font-30">保证金可退,保证交易安全</view>
		</view>
		<view class="mt-20" v-if="isPay">
			<view class="boxS ispay mb_20">
				<view class="jine-two">
					<view class="font-34 color-333 font-bold pad-t-b-10">已开通B2B {{ returnIder().label }}</view>
					<view class="font-28 color-666">冻结金额：</view>
					<view class="jine-two-two flex">
						<view class="flex-ac-sb width-80">
							<text class="text1">￥</text>
							<text class="money">{{ returnIder().money }}</text>
							<text class="text1">元</text>
						</view>
						<view class="flex-ac-sb width-20 u-text-right line38"><i-icon icon="iconsuo" class="middle" type="single" size="50rpx" color="#FBD220"></i-icon></view>
					</view>
				</view>
			</view>
			<view class="u-text-center font-26 color-FBB000 pad-t-b-10"><navigator url="/pages_common/payFlies/bzj">《7迈车保证金协议》</navigator></view>
			<view class="u-text-center font-26 color-999">
				如有疑问请联系客服：
				<text class="color-FBB000" @click="call">4000909987</text>
			</view>
		</view>
		<view class="" v-else>
			<view class="boxS jine">
				<!-- 	<u-tabs
				:active-item-style="{ color: '#343434' }"
				:list="list"
				:is-scroll="false"
				active-color="#FBB000"
				height="89"
				bar-width="180"
				bar-height="6"
				:current="current"
				@change="change"
			></u-tabs> -->
				<view class="jine-two">
					<view class="jine-two-head">开通需冻结金额：</view>
					<view class="jine-two-two">
						<text class="text1">￥</text>
						<text>{{ returnIder().money }}</text>
						<text class="text1">元</text>
					</view>
				</view>
			</view>
			<view class=" font-26 color-999 ispay" @click="agree = !agree">
				<i-icon icon="iconxuanzhong" class="texttop" type="single" size="36rpx" :color="agree ? '#FBD220' : '#999'"></i-icon>
				<text class="ml-10">已阅读并同意：</text>
				<view class="inline-block color-FBB000"><navigator class="inline-block" url="/pages_common/payFlies/bzj">《7迈车保证金协议》</navigator></view>
			</view>
			<view class="payDate boxS">
				<view class="p-head">选择支付方式</view>
				<view class="pay-mind">
					<radio-group @change="radioChange">
						<label>
							<view class="radio-item">
								<view class="left">
									<i-icon icon="iconzhifubao" class="middle mr-10" type="single" size="60rpx" color="#02A9F1"></i-icon>
									支付宝支付
								</view>
								<view class="right"><radio value="0" color="#FBD220" /></view>
							</view>
						</label>
						<label>
							<view class="radio-item">
								<view class="left">
									<i-icon icon="iconweixinzhifu" class="middle mr-10" type="single" size="60rpx" color="#09BB07"></i-icon>
									微信支付
								</view>
								<view class="right"><radio value="1" color="#FBD220" /></view>
							</view>
						</label>
					</radio-group>
					<button class="goPay" @click="goPay">确认支付</button>
				</view>
			</view>
			<view class="bottoms">
				<text>如有疑问请联系客服：</text>
				<text style="color: #FBB000;" @click="call">4000909987</text>
			</view>
		</view>
		<u-modal
			v-model="mShow6"
			title="温馨提示"
			content="订单系统收款略有延迟，支付成功后可刷新订单查看结果"
			cancel-text="支付失败"
			confirm-text="支付成功"
			confirm-color="#EB5C02"
			:show-cancel-button="true"
			@confirm="confirmHE"
			@cancel="mShow6 = false"
		></u-modal>
	</view>
</template>

<script src="./margin.js"></script>
<style src="./margin.scss" lang="scss" scoped></style>
